<div ng-include="'html/component/nav.html'" ng-controller="NavCtrl"></div>
<style>
    .animate-repeat.ng-leave{
        position:relative;
        left:0px;
        -webkit-transition: all linear 0.2s;
        transition:all linear 0.2s;
    }
    .animate-repeat.ng-leave.ng-leave-active {
        left: 70%;
    }
</style>
<div class="settle_wrap">
    <div class="settle_left" id="Settle_left">
        <ul class="amounts">
            <li><label><!--应收-->{{language.TIPS_CASHIER_RECEIVABLE}}：</label><input readonly class="yingsh" type="text" value="{{goods_cart.info.need_money|currency:'':2}}"></li>
            <li><label><!--实收-->{{language.TIPS_CASHIER_RECEIVED}}：</label><input readonly type="text" value="{{goods_cart.info.pay_money|currency:'':2}}"></li>
            <li><label><!--找零-->{{language.TIPS_CASHIER_CHANEGE}}：</label><input readonly type="text" value="{{goods_cart.info.charge_money|currency:'':2}}"></li>
        </ul>
        <div class="choices">
            <h2><!--结算方式-->{{language.TIPS_RECEIPT_PAY_NAME}}</h2>
            <ul class="way">
                <li ng-repeat="li in checklistData| orderBy:'CheckOrder':false" class="{{checkclass[li.CheckCode]}}" ng-class="activecheckclass[li.CheckCode]" ng-click="select_check(li.CheckCode);">
                    <i class="icon"></i>
                    <br>
                    <span class="wayname">{{li.CheckName}}</span>
                    <span class="shortcuts" ng-show="{{is_pc}}">{{li.CheckCode|checkType}}</span>
                </li>
            </ul>
        </div>
        <div class="list">
            <h2><!--结算清单-->{{language.TIPS_CASHIER_SETTLE_LIST}}</h2>
            <table class="thead">
                <tr class="title"><th><!--代码-->{{language.TIPS_CASHIER_CODE}}</th><th><!--名称-->{{language.TIPS_CASHIER_NAME}}</th><th><!--金额-->{{language.TIPS_CASHIER_MONEY}}</th><th style="width:40%">  {{language.TIPS_CASHIER_MEMO}}</th></tr>
            </table>
            <div class="tbody" id="Tbody_box">
                <table id="tb_payments_list">
                    <tr class="animate-repeat" ng-repeat="check in goods_cart.checklist track by $index" ng-swipe-right="check_list_remove($index);" >
                        <td>{{check.code}}</td>
                        <td>{{check.name}}</td>
                        <td>{{check.final_money|currency:'':2}}</td>
                        <td style="width:40%">{{check.remark}}<span class="del_list" ng-click="delete_check($index);"></span></td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="button">
            <button ng-click="cancel_click();"><!--取 消-->{{language.ACT_A_CANCEL}}</button>
            <button ng-click="reset_click();"><!--重 置-->{{language.ACT_A_RESET}}</button>
            <!--<button ng-click="btn_print_click();">--><!--打印小票--><!--{{language.TIPS_CASHIER_PRINT_RECEPIT}}</button>-->
            <button ng-click="submit_click();"><!--确 认-->{{language.ACT_A_CONFIRM}}</button>
        </div>
    </div>

    <!---------------------------小票信息区域------------------------------>
    <div class="settle_right">
        <h2><!--小票预览-->{{language.TIPS_CASHIER_VIEW_RECEPIT}}</h2>
        <pre  class="receipt_infor">
        {{printData.info}}
        </pre>
    </div>
</div>